$(function () {
  // 1. 登录页面的 链接跳转
  $('#link-reg').on('click', function () {
    $('.reg-box').show()
    $('.login-box').hide()
  })

  // 2.  注册页面的 链接跳转
  $('#link-login').on('click', function () {
    $('.reg-box').hide()
    $('.login-box').show()
  })


  let form = layui.form

  form.verify({
    pwd: [/^[\S]{6,12}$/, '必须是6-12位非空字符,且不能包含空格'],

    // 3. 使用函数自定义规则 确认两次输入的密码 是否一致
    repwd(val) {
      // 去除密码框的值
      let strPwd = $('#txtPwd').val().trim()
      // 对比两次传入的 值
      if (strPwd !== val) return '两次输入的密码不一致喔~~'
    }

  })

  // 4. 注册表单提交事件
  // 注意: 当layui 校验通过后 会提交表单 触发表单的提交事件
  $('.reg-box>form.layui-form').on('submit', function (e) {
    e.preventDefault()
    // 4.1 获取表单数据
    let strData = $(this).serialize()// 键值对格式
    // 4.2 将数据 异步提交到 服务器接口
    $.ajax({
      method: 'post',
      url: '/api/reguser',
      data: strData,
      success(res) {
        // 如果失败 弹出提示消息 并返回
        if (res.status !== 0) return layui.layer.msg(res.message)
        // 如果成功 提示消息 并且换成登录盒子
        layui.layer.msg(res.message)
        // 用代码 模仿 去登录 超链接被点击
        $('#link-login').trigger('click')
      }
    })
  })

  // 5. 登录表单提交事件
  $('.login-box>form.layui-form').on('submit', function (e) {
    e.preventDefault()
    // 4.1 获取表单数据
    let strData = $(this).serialize()// 键值对格式
    // 4.2 将数据 异步提交到 服务器接口
    $.ajax({
      method: 'post',
      url: '/api/login',
      data: strData,
      success(res) {
        // 如果失败 弹出提示消息 并返回
        if (res.status !== 0) return layui.layer.msg(res.message)
        // 如果成功 提示消息 并且换成登录盒子
        layui.layer.msg(res.message, {
          icon: -1,
          time: 1500
        }, function () {
          // 将服务器 返回的 token 保存到 浏览器的sessionStorage中
          sessionStorage.setItem('token', res.token)
          // 跳转到 主页index.html
          location.href = 'index.html'
        })
      }
    })
  })


})